<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META NAME="DC.Identifier" SCHEME="URI" CONTENT="/bores_map4.php">
<META NAME="DC.Creator" LANG="en" CONTENT="corporateName=UB Spatial">
<META NAME="DC.Publisher" LANG="en" CONTENT="corporateName=UB Spatial">
<META NAME="DC.Title" LANG="en" CONTENT="UB Spatial - Groundwater Monitoring Database">
<META NAME="DC.Description" LANG="en" CONTENT="UB Spatial Interoperable GIS">
<META NAME="DC.Date.created" SCHEME="ISO8601" CONTENT="2009-07-06">
<META NAME="DC.Subject" SCHEME="ColacOtway" CONTENT="UB Spatial Interoperable GIS">
<META NAME="Description" LANG="en" CONTENT="UB Spatial Interoperable GIS">
<META NAME="keywords"content="bores, landslides, geohazards, UB, Geology, Spatial, Corangamite, CCMA">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta name="DC.Language" scheme="RFC1766" content="en">
<title>UB Spatial Look-Alike - Groundwater Monitoring Database</title>

<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.ubspatial.com.au/ccma_bores/main.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="http://maps.ubspatial.com.au/maps.css">

<script type="text/javascript">

	//UBS
	//document.write('<div id="loading"><br><img src=http://maps.ubspatial.com.au/images/main_loader.gif><br>Please wait...</div>');
	
	function hideMessage() {
	  //UBS
		//document.getElementById("loading").style.display="none";
	}
	
	function JumpTo(formObject) {
		var tmp= formObject.URL.selectedIndex
		location= formObject.URL.options[tmp].value;
	}

	//set variables used to alter initial coordinates on shire maps to false
	var start_x = false;
	var start_y = false;
	var start_zoom = false;
	var shire_map = false;
	
	function get_search_results(){
		
		$.ajax({
			url:'address_search.php',
			cache: false,
			data: 'query='+$('#query').val(),
			dataType: 'html',
			error: function(){
				$('#infobox').text('ooops...there was a problem');
				},
			success: function(result){
				$('#infobox').html(result);
				}
			}
		);
		return false;
	}
	
	function get_bore_search_results(){
		
		$.ajax({
			url:'bore_search.php',
			cache: false,
			data: 'bore_query='+$('#bore_query').val(),
			dataType: 'html',
			error: function(){
				$('#infobox').text('ooops...there was a problem');
				},
			success: function(result){
				$('#infobox').html(result);
				}
			}
		);
		return false;
	}
</script>


	<script type="text/javascript">
	  var ccma_map = false;
	  var this_lon = false;
	  var this_lat = false;
	</script>

	<script type="text/javascript" src="http://maps.ubspatial.com.au/openlayers-2.10/OpenLayers.js"></script>
  <script type="text/javascript" src="http://maps.ubspatial.com.au/openlayers-2.10/addins/LoadingPanel.js"></script>
<!-- UBS -->
<!-- 	<script type="text/javascript" src="http://maps.ubspatial.com.au/bores_map4.js"></script> -->
<!-- AS -->
 	<script type="text/javascript" src="http://geoserver.geodatawiz.com/ubspatial/bores_map4.js"></script>
 	<script type="text/javascript" src="http://maps.ubspatial.com.au/scripts/jquery/jquery-1.7.1.min.js"></script>
 	<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
 	<link href="http://maps.ubspatial.com.au/scripts/jquery/css/custom-theme/jquery-ui-1.7.2.custom.css" type="text/css" rel="stylesheet">
 	<script type="text/javascript" src="http://maps.ubspatial.com.au/scripts/jquery/jquery-ui-1.7.2.custom.min.js"></script>

 		<script type="text/javascript">
			$(function() {
				$("#tabs").tabs();

				$( "#opacity-slider" ).slider({
					range: "min",
					value: 80,
					min: 1,
					max: 100,
					slide: function( event, ui ) {
						//$( "#amount" ).val( "" + ui.value );
						mg_wms_gsv1.setOpacity((ui.value/100));
					}
				});
				
				//$( "#amount" ).val( "" + $( "#opacity-slider" ).slider( "value" ) );
				
			});
		</script>

 	 	
	 	<style type="text/css">
			
			#dialog label, #dialog input { display:block; }
			#dialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
			#dialog fieldset { padding:0; border:0; margin-top:25px; }
			#dialog h1 { font-size: 1.2em; margin: .6em 0; }
			#dialog input.text { margin-bottom:6px; padding: 0.3em }
			#dialog textarea { margin-bottom:6px; padding: 0.2em }
			#dialog fieldset { margin-top:2px;}
			div#users-contain {  width: 350px; margin: 20px 0; }
			div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
			div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
			.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
			.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
			.ui-dialog .ui-dialog-content { padding-bottom: 0px; padding-top: 0px; height:250px!important;}
			
			.ui-slider-horizontal {
				height: 0.5em;
			}
			
			.ui-slider {
				width: 120px;
			}
			
			.ui-slider .ui-slider-handle {
				height: 1em;
				width: 0.6em;
			}
				
		</style>
		
		<script type="text/javascript">
		$(function() {
	
			function updateTips(t) {
				$('#validate').text(t).effect("highlight",{},1500);
			}
	
			function checkRegexp(o,regexp,n) {
	
				if ( !( regexp.test( o.val() ) ) ) {
					o.addClass('ui-state-error');
					updateTips(n);
					return false;
				} else {
					return true;
				}
	
			}
			
			$("#dialog").dialog({
				bgiframe: true,
				autoOpen: false,
				height: 300,
				modal: true,
				buttons: {
					'Submit Feedback': function() {
						var bValid = true;
						$('#dialog input').removeClass('ui-state-error');
						$('#dialog textarea').removeClass('ui-state-error');
	
						/*bValid = bValid && checkLength($('#name').val(),"name",3,16);
						bValid = bValid && checkLength($('#email').val(),"email",6,80);
						bValid = bValid && checkLength(password,"password",5,16);
						*/
						//bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
						// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
						bValid = bValid && checkRegexp($('#email'),/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"");
						//bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
						
						if (bValid) {
							var params = $('#dialog form').serialize();
							$.ajax({
								url: 'http://maps.ubspatial.com.au/feedback.php',
								cache: false,
								data: params,
								success: function(html) {
									$('#dialog_message').html(html);
									$('#dialog .ui-dialog-buttonpane button:first').css('display', 'none');
									$('#dialog_form').css('display', 'none');
									
								},
								error: function(xhr, status, error) {
									$('#dialog_message').html('There was an error submitting comments, please try again'+status +' '+error);
									$('#dialog_form').css('display', 'none');
								}
							});
							
						}
					},
					Close: function() {
						$(this).dialog('close');
					}
				},
				open: function() {
					$('#dialog .ui-dialog-buttonpane button:first').css('display', 'block');
					$('#dialog_message').html('');
					$('#dialog_form').css('display', 'block');
				},
				close: function() {
					$('#dialog input').val('').removeClass('ui-state-error');
					$('#dialog textarea').val('').removeClass('ui-state-error');
					//change the map back into normal navigation mode when the dialog box is closed
					
					//$('.olControlEditingToolbar div:eq(0)').trigger('click');
					//make the map recognise single click feature queries again
					var click = new OpenLayers.Control.Click();
			        mg_map.addControl(click);
			        click.activate();
				}
			});
			
			$('#create-user').click(function() {
				$('#dialog').dialog('open');
			})
			.hover(
				function(){
					$(this).addClass("ui-state-hover");
				},
				function(){
					$(this).removeClass("ui-state-hover");
				}
			).mousedown(function(){
				$(this).addClass("ui-state-active");
			})
			.mouseup(function(){
					$(this).removeClass("ui-state-active");
			});
	
		});
		</script>

<script type="text/javascript">
/*	

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7946341-30']);
  _gaq.push(['_setDomainName', '.ubspatial.com.au']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
*/
</script>

</head>

<!-- UBS -->
<body onload="hideMessage(); initTiled();" style="margin: 0; padding 0;">
<!-- AS -->
<script type="text/javascript">function testAS(){alert("This is a test");}</script>
<!-- <body onload="testAS();" style="margin: 0; padding 0;"> -->
<div id="page">
<!-- UBS -->
<!-- 	<div id="header"><img src="http://www.ubspatial.com.au/ccma_bores/images/header.png" width="980" height="160" title="UB Spatial" border="0"></div> -->
<!-- AS -->
<h1><a href="http://maps.ubspatial.com.au/bores_map4.php">UB Spatial</a> Look-Alike</h1>

<div id="dialog" title="Map Comments">
	<div id="dialog_message"></div>
	<div id="dialog_form">
		<p id="validate"></p>
		<form>
		<fieldset>
			<label for="name">Name</label>
			<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
			<label for="email">Email</label>

			<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
			<label for="comments">Comments</label>
			<textarea rows="4" cols="20" name="comments" id="comments" style="width:95%"></textarea>
			<label for="feature">Feature Reference ID (optional)</label>
			<input type="text" name="feature" id="feature" value="" class="text ui-widget-content ui-corner-all" />
			<input type="hidden" name="lat" id="lat" />
			<input type="hidden" name="lon" id="lon" />	
			<input type="hidden" name="shape" id="shape" />			
			<input type="hidden" name="action" id="action" value="add" />

		</fieldset>
		</form>
	</div>
</div>

<div id="wrapper2">
<h1 style="font-size: 16pt; color: #006d9f; font-weight:bold; margin:0; padding-bottom:3px;">Groundwater Monitoring Database</h1>
<div class="instructions" style="margin-left:0px; padding-top:10px; float: left; width:280px;" >

The UB Spatial Groundwater Monitoring Database contains extensive information on nearly 50,000 bores across south-west Victoria. This dynamic map is an interactive spatial interface to the underlying information.
</div>
<div class="instructions" style="float: left; padding-left:25px; width:350px;">
<ul style="padding-left:10px; margin-left: 5px; padding-top: 0px;">

	<li><b>Double-click</b> on the map to zoom in</li>
	<li><b>Click and drag</b> to pan around the map</li>
	<li>A <b>single-click</b> on the map will query the database and return features within a 300 metre radius</li>
</ul>

</div>

<div class="instructions" style="float: left; margin-left:33px; margin-top: 2px; width:238px;">
	<h3 style="margin-bottom: 3px; padding-bottom: 3px; margin-top: 0px; padding-top: 0px;">Quick Links</h3>
	<ul style="margin-top: 1px; padding-top: 1px;">
	<li><a href="http://www.ubspatial.com.au/">Home</a></li>
	<li><a  href="http://maps.ubspatial.com.au/landslide_erosion_map3.php">Landslide &amp; Erosion Map</a></li>
	<li><a style="font-weight:bold" href="http://maps.ubspatial.com.au/bores_map4.php">Groundwater Map</a></li>

	</ul>
</div>
  
	<div id="map_wrapper">
    <div id="map_mg"><div id="wmsLoadingPanel"></div></div>
	  <div id="mapStatus">
				 <div id="mapScale" style="border-right: solid 1px #999"></div>
				 <div id="mapMousePosition" style="min-width: 135px;border-right: solid 1px #999;text-align: center">&nbsp;</div>
				 <div id="mapProjection" style="border-right: solid 1px #999"></div>
				 <div id="mapOutput"></div>
				 <div id="mapLoadingPanel"></div>
	  </div>
   </div>
<div class="right_panel">
<div id="layerswitcher"></div>

<div id="general-info-box">
	<h5 style="padding:0; margin:2px;">Hints &amp; Information</h5> 
	<p>A quick way to zoom in to a specific region is using a <span class="emphasis">zoom box</span>. 
	You can create a zoom box by holding the shift-key and using your mouse to 
	drag a rectangle over the map.</p>
</div>

<div id="geology-info-box">
	<h5 style="padding:0; margin:2px;">Geology Layer <span style="font-weight:normal; font-style:italic; font-size: 11px">Provided by Geoscience Victoria</span></h5>
	<p>Click on a polygon to query the geology layer.</p>
	<p class="emphasis">Please Note: Other layers cannot be queried while the Geology layer is active.</p> 
	<p><br><b>Adjust Transparency</b></p>
	<div id="opacity-slider"></div>
</div>

<DIV class=demo>
	<DIV id=tabs style="margin-top: 15px;">
	<UL>
	<LI><A href="#tabs-1">Legend</A></LI>
	<LI><A href="#tabs-2">Search</A></LI>
	<LI><A href="#tabs-3">Export</A></LI>
	<LI><A href="#tabs-4">Comment</A></LI></UL>

		<DIV id=tabs-1>
			<!-- img src="legend.png"-->
		</DIV>
		<DIV id=tabs-2>
			



<form id="address_search" name="address_search" onsubmit="return get_search_results()">
<input type="hidden" name="unlock" value="true">
<label for="query">Address:&nbsp;</label> <input name="query" id="query" style="height:auto; width:120px;">
<input id="searchbtn" type="submit" value="Go" name="submit">
</form>

<div id="infobox">
</div>

			<form id="bore_search" name="bore_search" onsubmit="return get_bore_search_results()">
			<label for="bore_query">Bore search:</label> <input type="text" id="bore_query" name="bore_query" value="Bore ID" style="height:auto; width:70px;" onfocus="this.select()"> <input type="submit" name="submit_btn" value="Go">
			</form>
			
		</DIV>
		<DIV id=tabs-3>
			<p>Export bores in current view to Excel</p>

			<a href="#" onclick="export_map_bores();"><img alt="Export to Excel" src="http://maps.ubspatial.com.au/images/document-excel.png" border="0" align="middle">Export (Maximum 100 bores)</a>
		</DIV>
		<DIV id=tabs-4>
			<p style="margin-top:2px;"><i>Help us by contributing to our maps</i>. 
			  Use the drawing tools below to add a point, shape or line to our map, 
				then add your comments, corrections or photos!</p>
			<div id="panel" class="olControlEditingToolbar"></div>
			<div id="panel_instructions">
			<p>Map navigation mode (default)</p>

			<p>Add point</p>
			<p>Draw Line</p>
			<p>Draw Shape/Polygon</p>
			</div>
			<br><br><br><br><Br><br><br><Br><br><br>
		</DIV>
	</DIV>

</DIV>


</div>

<div style="clear:both; width:400px; padding-top:30px;"></div>

<!-- input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /-->

<br />
<img src="http://www.ubspatial.com.au/ccma_bores/images/dots.gif" vspace="10"><br />
<b>Disclaimer:</b> The content of this web site is provided for information purposes only. 
Much of the data and information contained on this site originates from other sources and these data have not all been validated, verified or evidentially tested.
No claim is made as to the accuracy or authenticity of the content of the website. In no event will the Corangamite CMA, University of Ballarat or its agents and employees be liable for the accuracy of the information contained on this web site nor its use or reliance placed on it. 
Information is considered to be true and correct at the time of publication. Changes in circumstances after the time of publication may impact on the accuracy of this information.
<br><br><img src="http://www.ubspatial.com.au/ccma_bores/images/footer.png" width="980" height="23" title="Footer Curve" border="0"><br>
<a href="http://www.cecc.com.au" target="_blank" title="Centre for eCommerce and Communications"><img src="http://www.ubspatial.com.au/ccma_bores/images/cecc_logo.gif" hspace="30" alt="Centre for eCommerce and Communications" border="0"></a><a href="http://www.ccma.vic.gov.au/" target="_blank" title="Corangamite Catchment Management Authority"><img src="http://www.ubspatial.com.au/ccma_bores/images/ccma_logo.gif" hspace="70" alt="Corangamite Catchment Management Authority" border="0"></a><a href="http://www.ballarat.edu.au/" target="_blank" title="UB Department of Geology, School of Science and Engineering"><img src="http://www.ubspatial.com.au/ccma_bores/images/uni_logo_new.gif" hspace="30" alt="UB Department of Geology, School of Science and Engineering" border="0"></a><a href="http://www.colacotway.vic.gov.au/" target="_blank" title="Colac Otway Shire"><img src="http://www.ubspatial.com.au/ccma_bores/images/cos_logo.png" hspace="30" alt="Colac Otway Shire" border="0"></a><a href="http://www.mav.asn.au/" target="_blank"><img src="http://www.ubspatial.com.au/ccma_bores/images/mav_logo.png" hspace="20" border=0 alt="Municipal Association of Victoria" style="padding-bottom:20px;"></a>
</div>

</div>

</body>
</html>

